//行业方案js代码  2018-01-08  by lxx 814878176@qq.com

mui.init();

(function(){
	//调用接口获取首页数据   indexUrl是首页数据请求接口   getIndexData是请求数据成功后的回调函数
	getRequest(indexUrl,getIndexData);  
	
	//监听tap事件，执行document.location.href=this.href;跳转页面
	mui('body').on('tap','a',function(){
  		document.location.href=this.href;
  	});
	
	//轮播图-轮播时间 
	var slider = mui("#slider");
	slider.slider({
		interval: 5000
	});
	
})()


/**
 * //轮播图数据填充    这里要求轮播图至少有三张图(根据静态轮播图数量决定,可以减少到默认一张图)
 * @param {Object} data    通过mui自带的ajax请求接口数据获得data数据
 */
function setSliders(data){
	var sliderWrapper = mui(".mui-slider-group")[0];  //轮播图父盒子
	var sliderUrls = mui(".mui-slider-item a");       //轮播图图片链接
	var sliderImgs = mui(".mui-slider-item img");     //轮播图图片路径
	var indicators = mui(".mui-slider-indicator")[0];   //小圆点父盒子
	
	//第一个节点对应最后一张轮播图
	sliderUrls[0].href = data[data.length-1].link;   //跳转链接
	sliderImgs[0].src =  data[data.length-1].thumb;  //图片地址
	
	for(var i=0;i<data.length;i++){
		//如果在默认的数量范围内,则直接填充数据
		if(i<sliderUrls.length-1){
			sliderUrls[i+1].href = data[i].link;
			sliderImgs[i+1].src =  data[i].thumb;
			
		}else {
			//超过默认的数量范围内,则追加轮播图节点
			var item=document.createElement("div");
			item.className="mui-slider-item";
			item.innerHTML = '<a href="'+data[i].link+'">'+
								'<img src="'+data[i].thumb+'">'+
							 '</a>';
			sliderWrapper.appendChild(item);
			
			//追加对应的小节点
			var indicator = document.createElement("div");
			indicator.className="mui-indicator";
			indicators.appendChild(indicator);
		}
		//最后一个节点对应第一张轮播图
		if(i==data.length-1){
			var item=document.createElement("div");
			item.className="mui-slider-item mui-slider-item-duplicate";
			item.innerHTML = '<a href="'+data[0].link+'">'+
								'<img src="'+data[0].thumb+'">'+
							 '</a>';
			sliderWrapper.appendChild(item);
		}
	}
}
